/* CSS Document para Red Social de Ratón de Biblioteca*/

body {
      background:url(Imagenes/Fondo.gif);
	  font-family:verdana;
	  font-size:11px;
}

h1 {
    font-family:Times New Roman;
	font-size:20px;
	color:#CC9900;
	font-style:italic;
	text-decoration:underline;
}

h2 {
    font-family:Times New Roman;
	font-size:18px;
	color:#999999;
}

p {
  font-size:12px;
  line-height:110%;
  color:#000000;
}

a {
	font-size:12px;
	color:#325FA0;
}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
	color:#325FA0;
}

a:hover {
	text-decoration:none;
	color:#000066;
}

a:active {
	text-decoration:none;
	color:#00CC33;
}

#Principal {
            background-color:#FFFFF0;
			margin:40px;
			width:auto;
			height:auto;
			border-width:3px;
			border-style:solid;
			border-color:#FF9900;
}

.Contenido {
			margin:10px;
			border-width:1px;
			border-style:double;
			border-color:#FFFF00;
			text-align:center;
}

.Publicidad10 {
       background-color:#FFFFCC;
       border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
	   width:728px;
	   height:90px;
	   margin-left:auto;
	   margin-right:auto;
}

.ContenidoChat {
            background-color:#FFFFFF;
			margin:0 auto;
			width:620px;
			height:700px;
			padding:5px;
			border-width:1px;
			border-style:dotted;
			border-color:#CCCC66;
			text-align:left;
}

.UsuariosConectados {
            margin:5px;
			background-color:#CCCC99;
			padding:3px;
			height:auto;
			color:#000000;
}

.Desconectar {
            font-size:11px;
}

.Chateo {
            border-color:#CCCCCC;
			border-style:solid;
			border-width:1px;
			padding:8px;
			height:644px;
}

.Emoticonos {
            border-bottom-color:#CCCC66;
			border-top-color:#CCCC66;
			border-left-color:#FFFFFF;
			border-right-color:#FFFFFF;
			border-style:solid;
			border-width:1px;
			margin:0 auto;
			padding:5px;
			height:auto;
			width:150px;
}

.Emoticonos img {
            cursor:pointer;
			border:none;
}

.FormularioChat {
            text-align:center;
}

.Campo {
            background-color:#CCCCCC;
			border:none;
}

.Conversaciones {
            overflow-y:scroll;
			height:413px;
			margin-bottom:15px;
			margin-top:15px;
}

.Foto {
            border:none;
			vertical-align:middle;
}

.NormasChat {
            background-color:#FFFFFF;
			padding:3px;
			margin:0 auto;
			width:600px;
			border-style:solid;
			border-color:#CCCC66;
			border-width:1px;
}

.Campos {
          background-color:#CCCC66;
		  border:none;
		  color:#FFFFFF;
}

.Bloque1 {
          margin-top:20px;
          margin-left:10px;
	      width:48%;
	      float:left;
	      text-align:left;
	      border-bottom-width:2px;
	      border-bottom-style:solid;
	      border-bottom-color:#CCCC66;
	      border-top-width:2px;
	      border-top-style:solid;
	      border-top-color:#CCCC66;
}

.Bloque2 {
          margin-top:20px;
          margin-right:10px;
	      width:48%;
	      float:right;
	      text-align:left;
	      border-bottom-width:2px;
	      border-bottom-style:solid;
	      border-bottom-color:#CCCC66;
	      border-top-width:2px;
	      border-top-style:solid;
	      border-top-color:#CCCC66;
}

.Pais {
          text-decoration:underline;
		  cursor:help;
		  color:#666666;
}

.Intereses {
		 padding-bottom:15px;
		 margin-left:50px;
		 margin-right:50px;
	     border-bottom-width:2px;
	     border-bottom-style:solid;
	     border-bottom-color:#CCCC66;
	     border-top-width:2px;
	     border-top-style:solid;
	     border-top-color:#CCCC66;
}

.Efecto:hover {
         filter:alpha(opacity=70);
	     opacity:.7;
}

.FotosPerfil {
          width:634px;
		  height:162px;
		  margin:0 auto;
		  border-bottom-color:#CCCC66;
		  border-bottom-width:2px;
		  border-bottom-style:solid;
}

.FotosPerfil img {
          margin-right:5px;
		  margin-bottom:10px;
		  border-color:#000000;
		  border-width:1px;
		  border-style:solid;
}

.movimiento:hover {
          margin-right:10px;
}

.linea {
		  padding:10px;
		  border-style:solid;
		  border-width:2px;
		  border-color:#CCCC66;
		  color:#CCCC99;
}

.lineas {
       border-bottom-style:dotted;
	   border-color:#FFCC00;
	   margin-left:25px;
	   margin-right:25px;
}

.Mensaje {
          padding:20px;
		  margin-top:20px;
		  margin-bottom:20px;
		  text-align:center;
		  border-right-style:solid;
		  border-right-width:2px;
		  border-right-color:#CCCC66;
		  border-left-style:solid;
		  border-left-width:2px;
		  border-left-color:#CCCC66;
}

.TrivialNormas {
          background-color:#FFCC66;
          border-style:solid;
		  border-width:2px;
		  border-color:#000000;	  
		  width:450px;
		  padding:10px;
		  margin:0 auto;
		  text-align:justify;
}

.TrivialPerfil img {
          vertical-align:middle;
		  border:none;
}

.TrivialFicha {
	      position:relative;
	      margin-top:20px;
		  margin-bottom:10px;
		  margin:0 auto;
		  width:449px;
		  text-align:center;
}

.TrivialFicha span {
	      position:absolute;
		  top:42%;
		  left:35%;
}


.TrivialEsquinaArribaIzquierda {
	      position:absolute;
		  top:-0.1%;
		  .top:-0.07%;
		  cursor:help;
}

.TrivialEsquinaArribaIzquierda:hover {
          filter:alpha(opacity=40);
	      opacity:.4;
}

.TrivialEsquinaArribaDerecha {
	      position:absolute;
		  top:-0.1%;
		  .top:-0.07%;
		  right:0.1%;
		  .right:-0.2%;
		  cursor:help;
}

.TrivialEsquinaArribaDerecha:hover {
          filter:alpha(opacity=40);
	      opacity:.4;
}

.TrivialEsquinaAbajoIzquierda {
	      position:absolute;
		  bottom:1.3%;
		  .bottom:0.25%;
		  right:423px;
		  .right:421.53px;
		  cursor:pointer;
}

.TrivialEsquinaAbajoIzquierda:hover {
          filter:alpha(opacity=40);
	      opacity:.4;
}

.TrivialEsquinaAbajoDerecha {
	      position:absolute;
		  bottom:1.3%;
		  .bottom:0.25%;
		  left:423px;
		  .left:423.022px;
		  cursor:pointer;
}

.TrivialEsquinaAbajoDerecha:hover {
          filter:alpha(opacity=40);
	      opacity:.4;
}

.TrivialBonos {
          background-color:#FFFFF0;
		  margin:0 auto;
		  padding:10px;
		  width:480px;
		  border-color:#000000;
		  border-style:solid;
		  border-width:3px;
}

.TrivialBonosInterior {
          border-color:#999999;
		  border-style:solid;
		  border-width:1px;
		  height:365px;
		  padding:3px;
		  text-align:justify;
}

.TrivialBonosColegas {
          margin-top:10px;
}

.TrivialEquipos {
          background-color:#FFFFF0;
		  margin:0 auto;
		  padding:10px;
		  width:480px;
		  border-color:#000000;
		  border-style:solid;
		  border-width:3px;
}

.TrivialEquiposInterior {
		  padding:3px;
		  height:365px;
		  border-color:#666666;
		  border-style:solid;
		  border-width:1px;
}

.TrivialEquiposIzq {
          float:left;
		  margin-top:2px;
		  margin-left:2px;
		  margin-right:2px;
		  padding:3px;
		  width:46%;
		  height:60%;
          overflow-y:scroll;
		  text-align:center;
}

.TrivialEquiposIzq h1 {
          font-size:14px;
}

.TrivialEquiposIzq p {
          font-size:11px;
		  color:#0066FF;
}

.TrivialEquiposDcha {
          float:right;
		  margin-top:2px;
		  margin-left:2px;
		  margin-right:2px;
		  padding:3px;
		  width:46%;
		  height:60%;
		  overflow-y:scroll;
		  text-align:center;
}

.TrivialEquiposDcha h1 {
          font-size:14px;
}

.TrivialEquiposDcha p {
          font-size:11px;
		  color:#FF0000;
}

.TrivialEquiposPuntos p {
          font-size:10px;
		  text-align:left;
		  color:#999999;
		  margin-left:30%;
		  margin-top:10px;
}

.TrivialEquiposCambio {
          .margin-top:-11px;
}

.TrivialEquiposCambio p {
          font-size:11px;
		  color:#666666;
		  text-align:justify;
}

.TrivialTarjetas {
          background-color:#FFFFF0;
          border-style:solid;
		  border-width:1px;
		  border-color:#CCCC00;
		  width:500px;
		  padding:5px;
		  margin:0 auto;
}

.Imagen {
	     display:inline-block;
		 width:15px;
         height:18px;
	     background-image: url("Imagenes/Critica.png");
		 background-repeat:no-repeat;
		 vertical-align:middle;
}

.Imagen:hover {
	     width:15px;
         height:18px;
	     background-image: url("Imagenes/Critica2.png");
	     background-repeat:no-repeat;
		 vertical-align:middle;
}